import { StyleSheet } from 'react-native'
import { ApplicationStyles, Colors, Metrics, Fonts } from '../../Themes/'

export default StyleSheet.create({
  ...ApplicationStyles.screen,
  container: {
    flex: 1,
  },
  header: {
    paddingTop: 50,
    paddingBottom: 20,
    backgroundColor: '#00b894',
    alignItems: 'center',
    marginBottom: 10,
    overflow: 'hidden',
  },
  backgroundImage: {
    width: '100%',
    height: '100%',
    position: 'absolute',
    top: 0,
    left: 0
  },
  avatar: {
    width: 90,
    height: 90,
    borderRadius: 45,
    borderColor: 'rgba(255,255,255,0.4)',
    borderWidth: 2,
    marginBottom: Metrics.smallMargin,
  },
  username: {
    ...Fonts.style.normal,
    color: Colors.snow,
  }
})
